<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>小普马桶</title>
    <link rel="stylesheet" href="../../css/aui.css">
    <link rel="stylesheet" type="text/css" href="../../css/aui-flex.css" />
    <link rel="stylesheet" href="../../css/main.css">
    <link rel="stylesheet" href="./css/indent.css">
</head>
<body>
<header class="aui-bar aui-bar-nav aui-bar-top">
    <a class="aui-pull-left aui-btn goBack" >
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title">我的订单</div>
</header>
<section id="app">
    <div  class="aui-grid aui-margin-b-15">
        <div class="aui-row">
            <div class="aui-col-xs-3" @click="">
                <div class="aui-badge">88</div>
                <i class="aui-iconfont aui-icon-home"></i>
                <div class="aui-grid-label">全部</div>
            </div>
            <div class="aui-col-xs-3" @click="">
                <i class="aui-iconfont aui-icon-gear"></i>
                <div class="aui-grid-label">代付款</div>
            </div>
            <div class="aui-col-xs-3" @click="">
                <i class="aui-iconfont aui-icon-map"></i>
                <div class="aui-grid-label">代发货</div>
            </div>
            <div class="aui-col-xs-3" @click="">
                <i class="aui-iconfont aui-icon-calendar"></i>
                <div class="aui-grid-label">待收货</div>
            </div>
            <div class="aui-col-xs-3" @click="">
                <div></div>
                <i class="aui-iconfont aui-icon-date"></i>
                <div class="aui-grid-label">待评价</div>
            </div>
            <div class="aui-col-xs-3" @click="">
                <div></div>
                <i class="aui-iconfont aui-icon-trash"></i>
                <div class="aui-grid-label">已取消</div>
            </div>
            <div class="aui-col-xs-3" @click="">
                <div></div>
                <i class="aui-iconfont aui-icon-date"></i>
                <div class="aui-grid-label">未支付</div>
            </div>
        </div>
    </div>

    <div  class="aui-grid">
        <div class="aui-row aui-margin-t-5 goodsList">
            <div class="aui-col-xs-4" @click="">
                <div class="aui-grid-label">超急店小普专营</div>
            </div>
            <div class="aui-col-xs-4 aui-flex-offset-4" @click="">
                <div class="aui-font-size-12 aui-text-success">待付款</div>
                <div class="aui-grid-label aui-font-size-12 ">订单号:2017121212</div>
            </div>
        </div>
    </div>
    <div  class="aui-grid">
        <div class="aui-row goodsList">
            <div class="aui-col-xs-2 aui-margin-l-15" @click="">
                <img src="../../images/1.png" alt="">
            </div>
            <div class="aui-col-xs-5" @click="">
                <div class="aui-grid-label aui-font-size-12 ">订单号:2017121212</div>
            </div>
            <div class="aui-col-xs-2 aui-flex-offset-2" @click="">
                <div class="aui-font-size-12 aui-text-success">￥19.9</div>
                <div class="aui-grid-label aui-font-size-12 ">￥19.9</div>
                <div class="aui-font-size-12">0.020Kg</div>
                <div class="aui-grid-label aui-font-size-12 ">X1</div>
            </div>
        </div>
    </div>
    <div  class="aui-grid">
        <div class="aui-row goodsList">
            <div class="aui-col-xs-4 aui-grid-label aui-font-size-12" >
               <span>2017-12-12</span><span>16:00:00</span>
            </div>
            <div class="aui-col-xs-8" @click="">
                <div class="aui-grid-label aui-font-size-12 ">
                    共<span>1</span>件商品 合计:<span>￥19.90</span>(含运费:￥<span>0</span>)
                </div>
            </div>
        </div>
    </div>
      <div class="aui-flex-col aui-flex-item-2 aui-flex-offset-9 ">
          <p><div class="aui-btn aui-btn-danger aui-btn-default aui-btn-outlined aui-btn-sm aui-btn-sm">去付款</div></p>
     </div>
    <div class="aui-flex-col aui-flex-item-12 aui-flex-offset-5 aui-padded-5">
        <p class="aui-flex-row">
        <div class="aui-btn aui-btn-default aui-btn-default aui-btn-outlined aui-btn-sm aui-flex-item-3" v-on:click="goOrderDetail">订单详情</div>
        <div class="aui-btn aui-btn-default aui-btn-default aui-btn-outlined aui-btn-sm  aui-flex-item-3 aui-margin-l-5">取消订单</div>
        </p>
    </div>

</section>
<script type="text/javascript" src="../../js/zepto.min.js"></script>
<script type="text/javascript" src="../../js/api.js"></script>
<script type="text/javascript" src="../../js/vue.min.js"></script>
<script type="text/javascript" src="../../js/aui-list-swipe-backup.js"></script>
<script src="./js/indent.js"></script>
<script type="text/javascript">
    var vltHome = new Vue({
        el:'#app',
        data:{},
        methods: {
            goData: function () {//我的资料
                window.location.href = "";
            },
            goOrderDetail:function(){//订单详情页
                window.location.href = "../order_detail/order_detail.html";
            }
        }
    });

</script>
</body>
</html>